<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>彼岸の花</title>
    <style>
        *{
            background-color: #ededed;
        }
       h1{
           font-size: 30px;
           color: #a5a5a5;
           text-align: center;
       }
       h1 span{
           font-size: 15px;
       }
       .p1{
           font-size: 20px;
           color: #a5a5a5;
           text-align: center;
       }
       .p2{
           font-size: 17px;
           color: #a5a5a5;
           text-align: left;
           text-indent:2em;
       }
       .p2 span{
           text-decoration: underline;
       }
       .p3{
           font-size: 20px;
           color: #a5a5a5;
           text-align: center;
       }
       .p4{
           color: #838383;
           text-align: center;
           font-size: 18px;
       }
       .p5{
           font-size: 20px;
           color: #838383;
           margin-bottom: 10px;
       }
       .p6{
           font-size: 15px;
           font-style: oblique;
           color: #a5a5a5;
           line-height: 30px;
           margin-top: 10px;
           margin-bottom: 50px;
       }
       img{
           display:block;
           position:relative;
           margin:auto;
       }
       .d1{
           width: 1000px;
           position:absolute;
           right: 0;
           left: 0;
           margin: auto;
       }
       .d2{
           width: 610px;
           padding-left: 50px;
           padding-right: 50px;
           position:absolute;
           right: 0;
           left: 0;
           margin: auto;
       }
       .left{
           float: left;
       }
       .right{
           margin-left: 120px;
       }
       hr{
           text-align: center;
           width: 1000px;
       }

    </style>
</head>
<body style="width: 90%; height: 0; padding-bottom: 90%; margin: 0 auto;max-width:100%; max-height:100%; ">
    <div class="d1">
        <h1>
            彼岸の花 <span>偏安一隅 静静生活</span>
        </h1>
        <hr>
        <p>商品分类></p>
        <img src="images\banner.jpg" alt="">
        <p class="p1">我喜欢一些花儿，静静地开放，从不声张。小小的花朵，有着一样的芬芳...</p>
        <p class="p1">I like flowers, quietly open, never quiet. Little flowers, with the same fragrance...</p>
        <img src="images\bestseller1.png" alt="">
        <br>
        <img src="images\bestseller2.jpg" alt="">
        <div class="d2">
            <p class="p2">多肉植物是指植物营养器官肥大的高等植物，通常具根、茎、叶三中营养器官和花、果实、种子三种繁殖器官/。在园艺上，又称肉质植物或多肉花卉，但意多肉植物这个名称最为常用。</p>
            <p class="p2"><span>全世界共有多肉植物一万余种</span>，它们绝大部分属于高等植物（绝大多数是被子植物）。植物上隶属几十个科，个别专家认为有67个科中含有多肉植物，但大多数专家认为只有50余科。</p>
            <p class="p4">品质保障 | 七天无理由退换货 | 特色服务体验&n |nb 帮助中心</p>
            <div>
                <div class="left">
                    <img src="images\tuxiang.gif" alt="">
                </div>
                <div class="right">
                    <p class="p5">店主：Michael_唐僧</p>
                    <p class="p6">飞舞的花儿像一首诗？写着秋天的心事？带着相思？轻轻、轻轻？飘向大地？也许这是秋季里的一场游戏？</p>
                </div>
            </div>
        </div>
        
    </div>


</body>

</html>